/**
 * 学习目标： React 的基本使用
 *
 *    React.createElement() 用于创建虚拟DOM
 *      语法：React.createElement('标签名', {标签属性}, 标签内容 )
 *
 *    ReactDOM.render()  用于渲染到页面中
 *      语法：ReactDOM.render(虚拟DOM, 容器)
 */

import React from 'react'
import ReactDOM from 'react-dom'

// React.createElement() 用于创建虚拟DOM
const divNode = React.createElement('h1', { id: 'aa' }, 'Hello React~')
console.log('这是一个虚拟DOM', divNode)

// ReactDOM.render()  用于渲染到页面中
ReactDOM.render(divNode, document.getElementById('root'))
